﻿<div class="modal fade" id="print-sale" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset id="print-sale-user-info">
                        <legend>用户信息</legend>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="print-sale-user">销售姓名</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                            </span>
                                            <select class="form-control input-sm" id="print-sale-user">
                                                @foreach (var user in BusinessHelper.Employees)
                                                {
                                                    <option value="@user.Id">@user.DisplayName</option>
                                                }
                                            </select>
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="print-sale-receipt-number">收据单号</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control input-sm" readonly="readonly" id="print-sale-receipt-number" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset id="print-sale-customer-info">
                        <legend>客户信息</legend>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="print-sale-customer-name">客户姓名</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon">@@</span>
                                            <input type="text" class="form-control input-sm" id="print-sale-customer-name" autofocus="autofocus" />
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="print-sale-customer-phone">联系电话</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
                                            </span>
                                            <input type="tel" class="form-control input-sm" id="print-sale-customer-phone" />
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="print-sale-customer-contact">联系方式</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="print-sale-customer-way-button"></button>
                                                <ul class="dropdown-menu" role="menu">
                                                    @foreach (var item in BusinessHelper.ContactMethods)
                                                    {
                                                        <li><a href="javascript:void(0)" data-content="@item.Key">@item.Value</a></li>
                                                    }
                                                </ul>
                                                <input id="print-sale-customer-way" type="hidden" />
                                            </div>
                                            <input type="text" class="form-control input-sm" id="print-sale-customer-contact" />
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset id="print-sale-good-info">
                        <legend>商品信息</legend>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-2 control-label" for="print-sale-good-name">名称</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <div class="input-group-btn dropdown">
                                                <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="print-sale-good-name-button"><span class="caret"></span></button>
                                                <ul class="dropdown-menu" role="menu">
                                                    @foreach (var item in BusinessHelper.Products)
                                                    {
                                                        <li><a href="javascript:void(0)" data-content="@item">@item</a></li>
                                                    }
                                                </ul>
                                            </div>
                                            <input type="text" class="form-control input-sm" id="print-sale-good-name" />
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" id="print-sale-good-info-specific">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="col-md-1 control-label" for="print-sale-good-description">描述</label>
                                    <div class="col-md-11">
                                        <textarea class="form-control input-sm" id="print-sale-good-description" rows="2" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="col-md-4 control-label" for="print-sale-good-quantity">数量</label>
                                    <div class="col-md-8">
                                        <div class="input-group">
                                            <input type="number" class="form-control input-sm" id="print-sale-good-quantity" />
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="col-md-2 control-label" for="print-sale-good-price">单价</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <span class="input-group-addon">￥</span>
                                            <input type="number" class="form-control input-sm" id="print-sale-good-price" />
                                            <span class="input-group-addon">.00</span>
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-asterisk text-danger" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <button type="button" class="btn btn-default btn-sm" id="print-sale-add-good"><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> 添加</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
                <table class="table table-bordered table-condensed">
                    <thead>
                        <tr>
                            <th>商品名称</th>
                            <th>内容</th>
                            <th class="text-center">数量</th>
                            <th class="text-right">价格</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot>
                        <tr>
                            <th class="text-right" colspan="3">总价</th>
                            <th class="text-right"></th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="modal-footer home-action-group">
                <button type="button" class="btn btn-primary btn-sm" id="print-sale-save"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> 保存</button>
                <a class="btn btn-success btn-sm" id="print-sale-print-service" href="javascript:void(0)" target="_blank"><span class="glyphicon glyphicon-print" aria-hidden="true"></span> 打印服务卡</a>
                <a class="btn btn-success btn-sm" id="print-sale-print-receipt" href="javascript:void(0)" target="_blank"><span class="glyphicon glyphicon-print" aria-hidden="true"></span> 打印收据</a>
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>